export default function FooterPro() {
  return (
    <footer className="w-full py-4 px-4 border-t" style={{
      background: 'rgba(30, 30, 30, 1)',
      borderColor: 'rgba(56, 139, 253, 0.3)'
    }}>
      <div className="max-w-7xl mx-auto">
        {/* 快速链接 */}
        <div className="flex flex-wrap justify-center gap-3 md:gap-4 mb-3">
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">3D定制</a>
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">帮助中心</a>
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">订单查询</a>
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">用户中心</a>
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">隐私政策</a>
          <a href="#" className="text-sm text-gray-300 hover:text-blue-400 transition-colors font-medium">服务条款</a>
        </div>

        {/* 社交媒体链接 */}
        <div className="flex justify-center gap-4 mb-3">
          <a href="#" className="text-blue-400 hover:scale-110 transition-transform" aria-label="官方微信">
            <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
              <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
              <circle cx="8" cy="12" r="1.5"/>
              <circle cx="12" cy="12" r="1.5"/>
              <circle cx="16" cy="12" r="1.5"/>
            </svg>
          </a>
          <a href="#" className="text-blue-400 hover:scale-110 transition-transform" aria-label="官方微博">
            <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
              <path d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zm-10 7c3.86 0 7-3.14 7-7s-3.14-7-7-7-7 3.14-7 7 3.14 7 7 7z"/>
              <path d="M10.5 18.5c-3.03 0-5.5-2.02-5.5-4.5s2.47-4.5 5.5-4.5S16 11.52 16 14s-2.47 4.5-5.5 4.5z"/>
            </svg>
          </a>
          <a href="#" className="text-blue-400 hover:scale-110 transition-transform" aria-label="官方QQ">
            <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
              <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/>
            </svg>
          </a>
          <a href="#" className="text-blue-400 hover:scale-110 transition-transform" aria-label="技术支持">
            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
            </svg>
          </a>
        </div>

        {/* 公司信息 */}
        <div className="text-center max-w-2xl mx-auto mb-3">
          <div className="flex items-center justify-center gap-2 mb-1.5">
            <div className="w-8 h-8 bg-blue-500 rounded flex items-center justify-center">
              <span className="text-white font-bold text-sm">3D</span>
            </div>
            <span className="text-lg font-bold text-blue-400">3D定制工坊</span>
          </div>
          <p className="text-sm text-gray-300 mb-2">
            © 2024 3D定制工坊. 版权所有 | 
            <span className="text-blue-400 font-medium"> 专业3D模型定制平台</span>
          </p>
          <p className="text-xs text-gray-400 mb-1">
            技术支持热线: 400-123-456 | 邮箱: support@3dcustom.com
          </p>
          <p className="text-xs text-gray-500">
            ICP备案号: 京ICP备2024000001号 | 营业执照
          </p>
        </div>

        {/* 技术特性标签 */}
        <div className="flex flex-wrap items-center justify-center gap-3 text-xs text-gray-500">
          <div className="flex items-center gap-1">
            <svg className="w-4 h-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
            </svg>
            <span>基于先进3D渲染技术</span>
          </div>
          <span className="text-gray-600">|</span>
          <div className="flex items-center gap-1">
            <svg className="w-4 h-4 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
            </svg>
            <span>数据安全保障</span>
          </div>
        </div>
      </div>
    </footer>
  )
}

